$(function(){
	var imageFile = []
//	第一张图片
$('#picIndex').on('change',function(){
		var pic = document.getElementById('picIndex')
//		console.log(pic.files[0])
		var reads= new FileReader()
			var f = document.getElementById('picIndex').files[0]
			if(f.size / 1024 / 1024 > 3) {
				mui.alert('您选择的图片过大',function(){
				})
				return false
			}
    	imageFile[0] = f
        reads.readAsDataURL(f);
        reads.onload = function (e) {
            document.getElementById('selectImg').src= this.result;
        }
        $('.content-img2')[0].style.display = 'block'
        document.getElementById('selectImg').style.display = 'block'
	})
//第二张图片
$('#picIndex2').on('change',function(){
		var pic = document.getElementById('picIndex2')
		var read= new FileReader()
			var file = document.getElementById('picIndex2').files[0]
			if(file.size / 1024 / 1024 > 3) {
				mui.alert('您选择的图片过大！',function(){
				})
				return false
			}
    	imageFile[1] = file
        read.readAsDataURL(file);
        read.onload=function (e) {
            document.getElementById('selectImg2').src=this.result;
        }
        document.getElementById('selectImg2').style.display = 'block'
})
//		关闭遮罩层
		$('.imageLook').on('click',function(){
			$('.imageLook')[0].style.display = 'none'
		})
//		点击预览图片
	mui('body').on('tap','#selectImg',function(){
		document.getElementById('imagelook').src= $(this)[0].src;
		$('.imageLook')[0].style.display = 'block'
	})
	 mui('body').on('tap','#selectImg2',function(){
		document.getElementById('imagelook').src= $(this)[0].src;
		$('.imageLook')[0].style.display = 'block'
})
//	 删除图片
	 mui('body').on('tap','.iconfont-delect',function(e){
				if(document.getElementById('imagelook').src === document.getElementById('selectImg').src && imageFile[1]){
				document.getElementById('selectImg').src = document.getElementById('selectImg2').src
				document.getElementById('picIndex').files[0] = document.getElementById('picIndex2').files[0]
				document.getElementById('selectImg2').src = ''
				imageFile.splice(1,1)
				document.getElementById('selectImg2').style.display = 'none'
	 	  }else if(document.getElementById('imagelook').src === document.getElementById('selectImg2').src) {
				document.getElementById('selectImg2').src = ''
				document.getElementById('selectImg2').style.display = 'none'
				imageFile.splice(1,1)
	 	  } else if (document.getElementById('imagelook').src === document.getElementById('selectImg').src && imageFile.length == 1){
	 	  	document.getElementById('selectImg').src = ''
	 	  	document.getElementById('selectImg').style.display = 'none'
	 	  	document.getElementsByClassName('content-img2')[0].style.display = 'none'
			  imageFile.splice(0,1)
	 	  }
			$('.imageLook')[0].style.display = 'none'
	 		e.stopPropagation()
	 })
	//  单笔广告费用
	$('.money').on('change',function(){
		$('.sum').val($('.money option:selected').val().trim() * $('.number').val().trim())
	 })
	//  发布任务数量
	 $('.number').on('input',function(){
		$('.sum').val($(this).val().trim() * $('.money option:selected').val().trim())
	 })
	//  确认发布任务
	 mui('body').on('tap','.mui-btn-danger',function(){
		// 设置form表单参数
		let formdata = new FormData()
		formdata.append('upload_banner_images',imageFile[0])
		// 判断是否有两张图片
		if(imageFile[1]){
			formdata.append('upload_banner_images',imageFile[1])
		}
		 formdata.append('category_id',1);
		 formdata.append('brand_id',1);
		 formdata.append('goods_sn','002');
		 formdata.append('name','小米8');0
		 formdata.append('sold_num',0);
		// formdata.append('task_title',$('.tasktitle').val().trim())
		// formdata.append('task_content',$('.taskcontent').val().trim())
		// formdata.append('single_ad_fee',$('.money option:selected').val().trim())
		// formdata.append('task_count',$('.number').val().trim())
		// console.log(formdata.get('task_img'))
		// 发送请求
			$.ajax({
				url: 'http://127.0.0.1:8000/operator/goods/',
				type: 'POST',
				data:formdata,
				dataType: 'json',
				cache: false,
				processData: false,
				contentType: false,
				// headers: {
				// 	"Authorization": localStorage.getItem('mytoken')
				//  },
				// beforeSend:function(){
				// 	if($('.tasktitle').val().trim() === ''){
				// 		mui.alert('请输入标题',function(){
				// 		})
				// 		return false
				// 	} else if($('.taskcontent').val().trim() === '') {
				// 		mui.alert('请输入任务内容',function(){
				// 		})
				// 		return false
				// 	} else if($('.money').val().trim() === '') {
				// 		mui.alert('请输入单笔广告费',function(){
				// 		})
				// 		return false
				// 	} else if($('.number').val().trim() === '') {
				// 		mui.alert('请输入发布任务的数量',function(){
				// 		})
				// 		return false
				// 	} else if($('.number').val().trim() < 50) {
				// 		mui.alert('发布任务的数量不低于50',function(){
				// 		})
				// 		return false
				// 	}else if(imageFile.length === 0) {
				// 		mui.alert('请选择图片',function(){
				// 		})
				// 	}
				// },
				// success: function(res){
				// 	if(res.errno == 0) {
				// 		if(res.personal_center_result[0].user_level == 0){
				// 			mui.alert('请先升级为VIP再发布任务',function () {
        //                     })
				// 		} else if(res.personal_center_result[0].user_level == 1){
				// 			mui.alert('该模块暂时无法使用',function () {
        //                     })
				// 		}else if(res.personal_center_result[0].user_level == 2){
				// 			mui.alert('该模块暂时无法使用',function () {
        //                     })
				// 		}
				// 		// mui.toast('发布任务成功')
				// 		// setTimeout(function(){
				// 		// 	location.href = '/'
				// 		// },1000)
				// 	} else {
				// 		mui.toast(res.errmsg)
				// 	}
				// }
			})
	 })
})
